@import './variables.scss';
@import './element-ui.scss';
@import './btn.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 微软雅黑;
  font-size: 12px !important;
}
label {
  font-weight: 700;
}
html {
  height: 100%;
  box-sizing: border-box;
}
#app {
  height: 100%;
  overflow-x: hidden;
}
* {
  padding: 0;
  margin: 0;
}
.wrapper {
  height: 100%;
}
a {
  text-decoration: none;
}
.container {
  padding-top: 80px;
}
.menu {
  height: 100%;
}
.content {
  padding: 20px;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.no-padding {
  padding: 0px !important;
}
.padding-content {
  padding: 4px 0;
}
a:focus,
a:active {
  outline: none;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
div:focus {
  outline: none;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.pr-5 {
  padding-right: 5px;
}
.pl-5 {
  padding-left: 5px;
}
.block {
  display: block;
}
.pointer {
  cursor: pointer;
}
.inlineBlock {
  display: block;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
code {
  background: #eef1f6;
  padding: 15px 16px;
  margin-bottom: 20px;
  display: block;
  line-height: 36px;
  font-size: 15px;
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  a {
    color: #337ab7;
    cursor: pointer;

    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}
.warn-content {
  background: rgba(66, 185, 131, .1);
  border-radius: 2px;
  padding: 16px;
  padding: 1rem;
  line-height: 1.6rem;
  word-spacing: .05rem;
  a {
    color: #42b983;
    font-weight: 600;
  }
}

//main-container全局样式
.app-container {
  padding: 20px;
}
.components-container {
  margin: 30px 50px;
  position: relative;
}
.pagination-container {
  margin-top: 30px;
}
.text-center {
  text-align: center
}
.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
  .subtitle {
    font-size: 20px;
    color: #fff;
  }
  &.draft {
    background: #d0d0d0;
  }
  &.deleted {
    background: #d0d0d0;
  }
}
.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;
  &:hover {
    color: rgb(32, 160, 255);
  }
}
.filter-container {
  padding-bottom: 10px;
  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

//refine vue-multiselect plugin
.multiselect {
  line-height: 16px;
}

.multiselect--active {
  z-index: 1000 !important;
}
header {
  width: 100%;
  padding: 0 20px;
  z-index: 1;
  box-sizing: border-box;
}
header::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle
}
.header-logo {
  display: inline-block;
  vertical-align: middle;
}
.bankContainer ul li{
  float: left;
  list-style: none;
  margin: 5px;
  text-align: center;
}
.mt10{
  margin-top: 10px;
}
.mt20{
  margin-top: 20px;
}
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom: 20px;
}
.words{
  width: 155px;
  line-height: 34px;
  text-align: left;
}
.inlineStyle{
  display: inline-block;
}
// 公共的按钮样式
.el-button--primary {
  height: 25px;
  min-width: 40px;
  font-size: 12px;
  line-height: 0px;

  // background: rgb(43, 106, 166)
  // border-radius: 0px 20px;
  // background: $buttonColor;
  // @extend .light-blue;
}

.el-button{
  padding: 8px 8px;
}
.el-button--info {
  height: 25px;
  min-width: 40px;
  font-size: 12px;
  line-height: 0px;
  // border-radius: 0px 20px;
}
.el-button--default {
  height: 25px;
  min-width: 40px;
  font-size: 12px;
  line-height: 0px;
  // border-radius: 0px 20px;
}
.c-pointer{cursor:pointer;}
.txt-center{text-align: center;}
.txt-left{text-align: left;}
.txt-right{text-align: right;}
.fl{float:left;}
.fr{float:right;}
.position-re{position:relative;}
#app .el-scrollbar__wrap{overflow-x:hidden !important;overflow-y:scroll !important;}
#app .is-horizontal{display: none !important;}
// .color-red{color:#B50029;}
.showSelectList > .el-col-24{padding:0 !important;margin-bottom: 20px;}
.showSelectList > .el-col-24 > .mainCon{background-color:#fff;border:1px #eaeff7 solid;}
//select下拉写入body里面的时候更改其样式
#nonContractualLossWrap .nonContractualLossSelect .el-popper[x-placement^=bottom]{left:0 !important;}
#nonContractualLossWrap .nonContractualLossSelect .el-scrollbar__wrap{overflow-x: scroll !important;}
#cardLossOtherServicesWrap .cardLossOtherServicesSelect .el-popper[x-placement^=bottom]{left:0 !important;}
#cardLossOtherServicesWrap .cardLossOtherServicesSelect .el-scrollbar__wrap{overflow-x: scroll !important;}
#personalSelectStyle .el-popper[x-placement^=bottom]{left:0 !important;}
#personalSelectStyle .el-scrollbar__wrap{overflow-x: scroll !important;}

.bussinsclass {
  width: 120px;
  height: 120px;
  text-align: center;
  background: rgb(245, 246, 250);
  margin-bottom: 10px;
}
.el-dialog__header{
  background: rgb(43, 104, 164);

}
.el-dialog__title{
  color: #fff;
  font-size: 16px
}
.el-menu--collapse {
  width: 48px;
}
.keyclass {
  width: 8%;
  height: 40px;
  line-height: 40px;
  text-align: right;
  color: rgb(186, 186, 188);
}

.valueclass {
  width: 7%;
  height: 40px;
  line-height: 40px;
  text-align: left;
  color: rgb(54, 54, 54);
}
.el-tree-node__content{
  height: 40px;
}

.el-tree {
  position: relative;
  cursor: default;
  background: rgb(255, 255, 255);
  color: #606266;
}